/* index */
.pay-tab li {
    width: 33.333%;
    position: relative;
}

.pay-tab .ico-hot {
    position: absolute;
    left: 250px;
    top: 15px;
    width: 32px;
    height: 24px;
    background: url(../img/ico_hot.png) no-repeat
}

.form-small,
.custom p {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.form-small {
    width: 100px;
    padding: 5px 6px 4px;
    margin-right: 4px
}

.form-settler {
    color: #118eea
}

.custom p {
    line-height: 35px;
    vertical-align: top
}

.induction {
    font-style: normal
}

.induction strong {
    color: #f95f4a
}

.num,
.discount {
    float: left
}

.num {
    line-height: 50px;
    width: auto;
    position: relative
}

.discount {
    padding: 11px 0 0 10px;
    position: relative;
    z-index: 100
}

.discount p {
    border: 1px solid #76bcf1;
    height: 25px;
    line-height: 25px;
    background-color: #e1ecf5;
    position: relative;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 2px
}

.discount em {
    position: absolute;
    left: -6px;
    top: 8px;
    width: 6px;
    height: 9px;
    background: url(../img/ico_arrow_left.png) no-repeat
}

.num span,
.custom span,
.discount b span,
.discount i,
.tips td strong,
.tips td span {
    color: #f95f4a
}

.num span,
.discount b span,
.custom span,
.tips td span {
    font-weight: 700
}

.num span i {
    font-style: normal
}

.discount b {
    font-weight: 400
}

.discount i {
    cursor: help
}

.tips-show {
    position: relative;
    z-index: 10
}

.tips {
    line-height: 30px;
    position: absolute;
    right: -304px;
    top: 48px;
    display: none
}

.tips i {
    position: absolute;
    left: 14px;
    top: -7px;
    width: 14px;
    height: 8px;
    background: url(../img/ico_arrow_top.png) no-repeat
}

.tips-wrap {
    width: 340px;
    border: 1px solid #e4e4e4;
}

.tips table {
    width: 340px
}

.tips th,
.tips td {
    padding: 8px 10px
}

.tips th {
    background-color: #f0f4f6;
    font-weight: 400
}

.tips td {
    background-color: #fff;
    border-top: 1px solid #e4e4e4
}

.tips td p {
    text-align: center
}

.tips td strong {
    display: block;
    text-align: center
}


.channel-tab,
.others-tab {
    padding-top: 0
}

.channel-tab label,
.others-tab label {
    padding: 10px 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 98px;
    height: 27px;
    text-indent: -9999em;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    float: left
}

.channel-tab label.active,
.others-tab label.active {
    background-color: #f7f7f7;
    border-width: 2px;
    padding: 9px 25px
}

.ico-alipay {
    background-image: url(../img/ico_channel1.png)
}

.ico-wepay {
    background-image: url(../img/ico_channel2.png)
}

.ico-unionpay {
    background-image: url(../img/ico_channel3.png)
}

.ico-unionpayqrc {
    background-image: url(../img/ico_channel4.jpg)
}

.ico-cmcc {
    background-image: url(../img/ico_cmcc.png)
}

.ico-cucc {
    background-image: url(../img/ico_cucc.png)
}

.ico-ctcc {
    background-image: url(../img/ico_ctcc.png)
}

.ico-more {
    background-image: url(../img/ico_more.png)
}

.label-cell label.ico-more {
    background-color: #FFFFFF;
    border: 0px;
    display: none;
}

.alipay-tips {
    display: none;
    font-size: 12px;
    color: #f95f4a
}

.bank-list {
    width: 600px;
    display: none
}

.bank-list label {
    float: left;
    width: 97px;
    padding-left: 24px;
    height: 31px;
    line-height: 31px;
    cursor: pointer;
    margin: -1px -1px 0 0;
    background: url(../img/ico_check.png) no-repeat -121px 0;
    position: relative;
    font-size: 12px;
    /*z-index:9*/
}

.bank-list label:hover {
    background-position: -242px 0;
    z-index: 3
}

.bank-list label.active,
.bank-list label.active:hover {
    background-position: 0 0;
    z-index: 3
}

.bank-list i {
    background: url(../img/ico_banks.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    margin-right: 3px
}

.bank-list .active {
    border-color: #ffa00a
}

i.ico-icbc {
    background-position: -18px 0
}

i.ico-abc {
    background-position: -54px 0
}

i.ico-boc {
    background-position: -72px 0
}

i.ico-ccb {
    background-position: -36px 0
}

i.ico-bcm {
    background-position: -36px -18px
}

i.ico-cmb {
    background-position: 0 0
}

i.ico-post {
    background-position: -18px -18px
}

i.ico-cib {
    background-position: 0 -18px
}

i.ico-nbcb {
    background-position: -90px -36px
}

i.ico-spdb {
    background-position: -54px -18px
}

i.ico-bos {
    background-position: 0 -54px
}

i.ico-pingan {
    background-position: 0 -36px
}

i.ico-cmbc {
    background-position: -90px -18px
}

i.ico-cebb {
    background-position: -90px 0
}

i.ico-ecitic {
    background-position: -126px 0
}

i.ico-gdb {
    background-position: -72px -18px
}

i.ico-other {
    background-position: -172px -18px
}

/* 微信弹层 */
.qrcode,
.qrtips {
    float: left;
    width: 50%
}

.qr-start,
.qr-success {
    padding-left: 56px;
}

.qrcode p,
.qrcode h5 {
    line-height: 1.8;
    margin-bottom: 20px
}

.qrcode span {
    color: #118eea
}

.qrtips {
    padding-top: 280px;
    background: url(../img/bg_qrtips.png) no-repeat 60% 10px;
    text-align: center
}

.qrtips h6 a,
.pop-ebank h6 a {
    color: #fff;
    background-color: #108ee9;
    border-color: #108ee9;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding: 0 30px;
    display: inline-block;
    font-size: 12px
}

.qrtips h6 a {
    margin-bottom: 12px
}

.qr-wechat {
    width: 134px;
    height: 134px;
    position: relative
}

.wechat-logo {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 51px;
    top: 51px
}

.qr-success {
    padding-top: 40px
}

.qr-success h5 {
    width: 134px;
    text-align: center;
    font-size: 20px
}

/* 网上银行付款弹层 */
.pop-ebank .pop-bd {
    text-align: center
}

.pop-ebank h5 {
    font-size: 16px
}

.pop-ebank h6 a {
    margin: 22px 0
}

/* 云闪付扫码弹层 */
.pop-unionpayqrc .qrtips {
    background-image: url(../img/bg_qrtips_unionpay.png)
}

/* 支付宝扫码弹层 */
.pop-alipay .qrtips {
    background-image: url(../img/bg_qrtips_alipay.jpg)
}

/* popup for fatigue */
.pop-fatigue {
    font-size: 14px
}

.fatigue {
    background-color: #efefef;
    padding: 15px;
    margin: 20px 34px;
    border-radius: 5px
}

.fatigue strong {
    font-weight: 400;
    color: #f95f4a
}

.fatigue span {
    display: block;
    color: #2c2a2a;
    text-align: center;
    padding-top: 10px;
}

.btn-pop {
    text-align: center
}

.btn-pop a {
    color: #fff;
    background-color: #108ee9;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px
}

/* 充值成功或失败 */
.feedback-wrap {
    background: #f0f0f0 url(../img/bg_feedback.png) no-repeat 50% 100%;
    padding: 60px 0 415px
}

.feedback {
    background-color: #fff;
    padding: 80px 0 100px 530px;
    background-position: 380px 70px;
    background-repeat: no-repeat
}

.feedback h6 {
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 30px;
    width: 500px
}

.feedback p {
    line-height: 24px;
    margin-bottom: 10px
}

.feedback.success {
    background-image: url(../img/ico_feed_success.png)
}

.feedback.failed {
    background-image: url(../img/ico_feed_failed.png)
}

/* 在线充值常见问题 */
.pay-tips {
    padding: 40px;
    border-top: 1px solid #e4e4e4;
    background-color: #fff;
    margin-bottom: -45px;
    #zoom: 1
}

.pay-tips h3 {
    font-size: 16px;
    margin-bottom: 16px
}

.pay-tips h3 i {
    font-size: 20px;
    color: #f3b35f;
    margin-right: 4px;
    vertical-align: middle
}

.pay-tips dl {
    margin-bottom: 12px;
    line-height: 24px;
    padding-left: 24px;
}

.pay-tips dt {
    color: #118eea;
    cursor: pointer
}

.pay-tips dt i {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 4px
}

.pay-tips dd {
    display: none
}

/* 其他充值方式 */
/*.pay-mobile {padding-top:35px}*/
.pay-trader,
.pay-mobile {
    display: none
}

.others-hd {
    padding-bottom: 45px;
    text-align: center
}

.others-hd label {
    padding: 14px 40px;
    margin: 0 20px;
    cursor: pointer
}

.others-hd label.active {
    background-color: #d7e4ed;
    border-radius: 5px
}

.by-sms,
.by-3rd {
    display: none
}

.by-sms .sms-rating {
    width: 400px
}

.by-sms .sms-rating label {
    width: 35px;
    text-align: center;
    margin-bottom: 12px
}

.by-sms .custom {
    margin-top: -12px
}

.others-bd .custom span {
    color: #f95f4a
}

.by-3rd .service-tips {
    margin-left: 370px
}

/* 常见 FAQ */
.faq-wrap h3 {
    font-size: 16px;
    height: 60px;
    line-height: 60px
}

.faq-side,
.faq-main {
    float: left
}

.faq-side {
    width: 250px;
    background-color: #ededed;
    min-height: 900px;
    height: auto !important;
    height: 900px
}

.faq-side h3,
.faq-side a {
    padding: 0 25px
}

.faq-side h3 {
    background-color: #dfdfdf
}

.faq-side ul {
    padding: 20px 0
}

.faq-side li {
    line-height: 42px;
    height: 42px
}

.faq-side a {
    color: #535353;
    display: block
}

.faq-side .active {
    background-color: #fff
}

.faq-side .active a {
    color: #00b0ff
}

.faq-main {
    width: 960px
}

.faq-main h3 {
    background-color: #ededed;
    color: #00b0ff;
    padding-left: 35px
}

.faq-article {
    background-color: #fff;
    padding: 35px;
    min-height: 770px;
    height: auto !important;
    height: 770px;
    line-height: 1.8
}

.faq-article dl,
.faq-article p {
    margin-bottom: 14px
}

.faq-article dt,
.faq-article b,
.faq-article strong {
    font-weight: 700;
    color: #00b0ff
}

.faq-article a {
    color: #35adf7;
    border-bottom: 1px solid #35adf7;
    display: inline-block;
    line-height: normal;
    margin: 0 2px
}

.faq-article a:hover {
    border-bottom-color: transparent
}

.faq-article img {
    max-width: 100%
}

/* 定向游戏充值 */
.form-settler p {
    line-height: 50px
}

.direction .custom {
    padding-top: 6px
}